#test1 {
	width: 1700px;
	height: 700px;
	background-color: #FFCCCC;
	margin: 50px auto;
	border: 5px solid #FFB7DD;
	position: relative;
	overflow-x:hidden;
}

.hongbao {
	color: blue;
}
@keyframes fly {
	from {
		/*如果是left 和 right的组合，那么弹幕最开始的时间会不出现,并且进入后的速度很快*/
		/*left: 100%;*/
		right:-50%;
	}
	to {
		/*left: 0;*/
		right:150%;
	}
}

.bullet {
	
	position: absolute;
	/*设置一个很大的负值使其不会出现在页面上*/
	/*但此做法不一定最好*/
	right:-3000px;
	/*left:100%;*/
	/*设置这个属性好像不好使，显示还是ease*/
	/*目前在safari中是速度表现是对的,chrome 和 firefox 依然还是ease的行为*/
	/*safari 也挂掉了，突然也变成ease了*/
	/*莫非因为animation是safari提出来的,因此Safari支持的最好？*/
	animation-timing-function: linear;
	/*-webkit-animation-timing-function: cubic-bezier(0,0,1,1);*/
	/*-moz-animation-timing-function: cubic-bezier(0,0,1,1);*/
	/*animation-fill-mode: none;*/
	
	line-height: 30px;
	font-size: 20px;
	height: 30px;
	display: block;
	margin-left: 30px;
	
	/*此属性会防止其到达终点时挤压成多行*/
	white-space: nowrap;
	border:1px solid #FFB7DD;
}

.bullet-default-animation {
	animation: fly 50s;
	/*如果写这个属性，safari 的 linear 就会变成ease的效果*/
	/*-webkit-animation: fly 8s;*/
	/*-moz-animation: fly 8s;*/
}
.bullet-default-animation-stop {
	animation: fly 500s;
	/*如果写这个属性，safari 的 linear 就会变成ease的效果*/
	/*-webkit-animation: fly 8s;*/
	/*-moz-animation: fly 8s;*/
}
